<template>
	<view class="login">
		<view class="content">
			<!-- 头部logo -->
			<view class="header">
				<image :src="logoImage"></image>
			</view>
			<!-- 主体表单 -->
			<view class="main">
				<wInput v-model="phoneData" type="number" maxlength="11" placeholder="请输入手机号码" :focus="isFocus">
				</wInput>
				<wInput v-model="verCode" type="number" maxlength="6" placeholder="请输入验证码" isShowCode ref="runCode" @setCode="getVerCode()"></wInput>
			</view>
			<wButton class="wbutton" text="登 录" :rotate="isRotate" @click="startLogin"></wButton>

			<!-- 其他登录 -->
			<view class="other_login cuIcon">

			</view>

			<!-- 底部信息 -->
			<view class="footer">
				<text @tap="isShowAgree" class="cuIcon" :class="showAgree?'cuIcon-radiobox':'cuIcon-round'"> 同意</text>
				<!-- 协议地址 -->
				<text @click="agreementBnt()">《用户协议》</text>和
				<text @click="yinsitBnt">《隐私协议》</text>
			</view>
		</view>
	</view>
</template>

<script src="./page.js"></script>

<style scoped lang="scss">
	@import 'page.scss';
</style>
<style>
	@import url("../../components/watch-login/css/icon.css");
</style>
